<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--导入bootstrap框架-->
    <link href="static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="static/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="static/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
<%--    <script  src="static/bootstrap-3.3.7-dist/js/jquery.SuperSlide.2.1.3.js" type="text/javascript"></script>--%>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="bookmark" href="favicon.ico"/>
    <link href="h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css"/>
    <link href="h-ui/css/H-ui.login.css" rel="stylesheet" type="text/css"/>
    <link href="h-ui/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <link href="h-ui/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css"/>
<%--    <link href="static/bootstrap-3.3.7-dist/css/superlide.css" rel="stylesheet" type="text/css"/>--%>


    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

<%--    <script type="text/javascript" src="easyui/jquery.min.js"></script>--%>
    <script type="text/javascript" src="h-ui/js/H-ui.js"></script>
    <script type="text/javascript" src="h-ui/lib/icheck/jquery.icheck.min.js"></script>

    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript">
        $(function () {
            //点击图片切换验证码
            $("#vcodeImg").click(function () {
                this.src = "LoginServlet?method=GetVcode&t=" + new Date().getTime();
            });

            //登录
            $("#submitBtn").click(function () {
                if ($("#radio-2").attr("checked") && "${systemInfo.forbidStudent}" == 1) {
                    $.messager.alert("消息提醒", "学生暂不能登录系统！", "warning");
                    return;
                }
                if ($("#radio-3").attr("checked") && "${systemInfo.forbidTeacher}" == 1) {
                    $.messager.alert("消息提醒", "教师暂不能登录系统！", "warning");
                    return;
                }

                var data = $("#form").serialize();
                $.ajax({
                    type: "post",
                    url: "LoginServlet?method=Login",
                    data: data,
                    dataType: "text", //返回数据类型
                    success: function (msg) {
                        if ("vcodeError" == msg) {
                            $.messager.alert("消息提醒", "验证码错误!", "warning");
                            $("#vcodeImg").click();//切换验证码
                            $("input[name='vcode']").val("");//清空验证码输入框
                        } else if ("loginError" == msg) {
                            $.messager.alert("消息提醒", "用户名或密码错误!", "warning");
                            $("#vcodeImg").click();//切换验证码
                            $("input[name='vcode']").val("");//清空验证码输入框
                        } else if ("admin" == msg) {
                            window.location.href = "SystemServlet?method=toAdminView";
                        } else if ("student" == msg) {
                            window.location.href = "SystemServlet?method=toStudentView";
                        } else if ("teacher" == msg) {
                            window.location.href = "SystemServlet?method=toTeacherView";
                        }
                    }

                });
            });

            //设置复选框
            $(".skin-minimal input").iCheck({
                radioClass: 'iradio-blue',
                increaseArea: '25%'
            });
        })
    </script>
    <title>登录|国际学生成绩管理系统</title>
    <meta name="keywords" content="国际学生成绩管理系统">
    <style>
        body {
            background-color: #d9d9d9;
        }

        #header-menu {
            height: 35px;
            background-color: #2aabd2;
            line-height: 35px;
        }

        #slide-show {
            position: relative;
        }

        .inner {
            position: absolute;
            background-color: rgba(77, 77, 77, 0.2);
            width: 100%;
            top: 340px;
            margin-top: 30px;
        }

        .inner1 {
            width: 80%;
            margin: auto;
        }

        .link {
            color: white;
            margin-left: 60px;
            /*font-size: large;*/
        }

        .marign {
            margin-left: 140px;
        }

        #article {
            width: 70%;
            margin: auto;
        }

        #form {
            margin: auto;
            /*border: 5px solid red;*/
            width: 400px;
            float: right;
            padding: 50px;
            background-color: #ffccd5;
            display: inline-block;
        }

        .style {
            height: 30px;
            width: 100%;
            border-style: none;
            background-color: #fff6be;
            color: black;
        }

        #submitBtn {
            height: 30px;
            width: 100%;
            border-style: none;
            background-color: #6d99d2;
            font-size:larger;
        }

        #href {
            display: inline-block;
        }

        .shijian {
            float: right;
            color: #a8a8a7;
        }

        .href-style {
            margin-bottom: 14px;
        }

        #text {
            /*right: 550px;*/
            font-size: 10px;
            color: white;
            /*!*居中对齐*!*/
            /*margin: auto;*/
            /*width: 50%;*/
            /*border: 3px solid green;*/
            padding: 10px;
            text-align: center;
            background-color: #2aabd2;
        }
        #code{
            background-color: #fff6be;
        }
    </style>
</head>
<body>
<!--首页导航条-->
<div id="header-menu">
    <nav class="inner1">
        <a href="https://www.lut.edu.cn/index.htm" class="link">网站首页</a>
        <a href="https://www.lut.edu.cn/index.htm" class="link">国际生管理</a>
        <a href="https://www.lut.edu.cn/index.htm" class="link">校友网</a>
        <a href="https://www.lut.edu.cn/index.htm" class="link">English</a>


        <a href="https://lut.at0086.cn/StuApplication/Login.aspx" class="link" style="margin-left: 180px">国际生教育管理</a>
        <a href="http://jksb.lut.edu.cn/hdlg/?ac=please&burl=aHR0cDovL2prc2IubHV0LmVkdS5jbi9oZGFwcC8=" class="link">新冠肺炎自查上报</a>
        <a href="https://www.lut.edu.cn/" class="link">OA</a>
        <a href="https://www.lut.edu.cn/" class="link">旧OA</a>

    </nav>
</div>

<!--轮播图-->
<div id="slide-show">
    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
        <!-- 轮播（Carousel）指标 -->

        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="static/img/2222.jpg" alt="First slide" style="height: 400px;width: 100%">
            </div>
            <div class="item">
                <img src="static/img/DSCF6265_.jpg" alt="Second slide" style="height: 400px;width: 100%">
            </div>
            <div class="item">
                <img src="static/img/lzlgdxbannertua.jpg" alt="Third slide" style="height: 400px;width: 100%">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>


<!--导航条-->
<div class="container-fluid inner">
    <div class="row inner1">
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">本科生管理</a></div>
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">研究生管理</a></div>
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">人才引进</a></div>
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">实验室管理</a></div>
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">科研管理</a></div>
        <div class="col-md-2"><a href="http://zhaosheng.lut.cn/" class="link">国家重点实验室</a></div>

    </div>
    <br>
    <div class="row inner1">
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">大学计划管理</a></div>
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">招标中心</a></div>
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">就业中心</a></div>
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">图书馆</a></div>
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">MBA</a></div>
        <div class="col-md-2"><a href="https://www.lut.edu.cn/" class="link">研究生会</a></div>
    </div>
</div>
<br>
<hr>
<br>
<!--article-->

<div id="article">
    <div id="href">
        <li class="href-style"><span class="shijian">2020-05-14</span>
            <a href="info/1062/72573.htm" target="_blank" title="【人民网】解读中国战疫中的文化力量系列之三：“青山一道，同担风雨！”">·
                【人民网】解读中国战疫中的文化力量系列之三：“青山一道，...</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-13</span>
            <a href="info/1062/72570.htm" target="_blank" title="喜报！兰理工学子在2020年美国大学生数学建模竞赛中再创佳绩">·
                喜报！兰理工学子在2020年美国大学生数学建模竞赛中再创佳绩</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-12</span>
            <a href="info/1062/72549.htm" target="_blank" title="学校举办国家防灾减灾日国际知名专家线上报告会">· 学校举办国家防灾减灾日国际知名专家线上报告会</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-11</span>
            <a href="info/1062/72550.htm" target="_blank" title="点赞！学校两名国际学生荣获2019年度中国政府优秀来华留学生称号">·
                点赞！学校两名国际学生荣获2019年度中国政府优秀来华留学生...</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-11</span>
            <a href="info/1062/72515.htm" target="_blank" title="返校第一天丨万里归来年愈少，满园兰理正葱茏">· 返校第一天丨万里归来年愈少，满园兰理正葱茏</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-08</span>
            <a href="info/1062/72497.htm" target="_blank" title="学校召开学习习近平总书记五四寄语座谈会">· 学校召开学习习近平总书记五四寄语座谈会</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-08</span>
            <a href="info/1062/72493.htm" target="_blank" title="学校开展两校区学生返校准备工作集中检查">· 学校开展两校区学生返校准备工作集中检查</a>
        </li>
        <li class="href-style"><span class="shijian">2020-05-07</span>
            <a href="info/1062/72488.htm" target="_blank" title="战疫进行时|学校援助乌克兰文尼察国立技术大学抗疫">·
                战疫进行时|学校援助乌克兰文尼察国立技术大学抗疫</a>
        </li>
    </div>
    <form method="post" id="form">
        <input class="style" id="account" name="account" type="text" placeholder="请输入账户"><br><br>
        <input class="style" id="password" name="password" type="password" placeholder="请输入密码"><br><br>
        <input id="code" name="vcode" type="text" placeholder="请输入验证码">
        <img title="点击图片切换验证码" id="vcodeImg" src="LoginServlet?method=GetVCode">

        <div class="mt-20 skin-minimal">
            <div class="radio-box" style="display: inline-block">
                <input type="radio" id="radio-2" name="type" checked value="2"/>
                <label for="radio-1">学生</label>
            </div>
            <div class="radio-box" style="display: inline-block">
                <input type="radio" id="radio-3" name="type" value="3"/>
                <label for="radio-2">老师</label>
            </div>
            <div class="radio-box" style="display: inline-block">
                <input type="radio" id="radio-1" name="type" value="1"/>
                <label for="radio-3">管理员</label>
            </div>
        </div>
        <input id="submitBtn" type="button"
               value="登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录">
    </form>
</div>
<br>
<br>
<hr>
<br>


<%--动画--%>
<div style="width: 80%;margin-left: 200px">
    <jsp:include page="/superlide.jsp"/>
</div>
<%--动画--%>
<div id="text">
    <p class="text-margin">copyright™ 2020-2023 www.xxx.com, All Rights Reserved &nbsp;&nbsp; 甘ICP备00000000号&nbsp;&nbsp;站长统计</p>
    <p class="text-margin">兰州理工大学网站&nbsp;&nbsp;&nbsp;电话：400-123-456&nbsp&nbsp&nbsp;地址：甘肃省兰州市七里河区兰工坪xxxxx号&nbsp;E-mail:0000000@qq.com</p>
</div>

</body>
</html>